<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" href="../bootstrap-4.5.3/dist/css/bootstrap.css">
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="./style.css"> -->
    <link rel="stylesheet" href="../../css/style_home.css">
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <title>列表页</title>
    <style>
            /* .xuanze {
                background-color: #aaa;

            } */
        .xuanze_p > a {
            margin-left: 10px;
        }
/*        .xuanze_d {
            padding: 0px;
        }*/
    </style>
</head>
<body>
       	<!-- 导航-开始-->
           <nav>
            <div class="container">
                <div class="row">
                    <diw class="col shadow-sm">
                        <nav class="navbar p-1 navbar-expand-lg navbar-light bg-white">
                            <a class="navbar-brand navbar-toggler border-0" href="#">
                                <img src="../../img/logo.png" alt="" class="img-fluid" style="max-width:90px;">
                            </a>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                              <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                              <ul class="navbar-nav mr-auto">
                                <li class="nav-item active">
                                    <a class="nav-link" href="/" style=" padding-left: 25px;">首页<span class="sr-only">(current)</span></a>
                                  </li>
                                <%
                                for(let i=0; i<Nav.length;i++){%>
                                    <li class="nav-item active">
                                        <a class="nav-link" href="/list" style=" padding-left: 50px;"><%-Nav[i].navName%></a>
                                    </li>
                                <%}%>
                              </ul>
                              <div>
                                  <span>
                                      <a href="/admin" target="_blank" class="nav-link">后台登录</a>
                                  </span>
                              </div>
                            </div>
                          </nav>
                    </diw>
                </div>
            </div>
        </nav>
	<!-- 导航-结束 -->

	<!-- 头部-开始-->
	<header class="mt-2 d-none d-lg-block">
		<div class="container">
			<div class="row py-3">
				<div class="col">
					<a href="">
						<img src="../../img/logo谷歌.png" alt="LOGO" style="max-width: 85px;height: auto;">
					</a>
				</div>
				<div class="col pt-3">
					<form class="form-inline my-2 my-lg-0 text-center">
						<input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search">
						<button class="btn btn-outline-success my-2 my-sm-1" type="submit">搜索</button>
					  </form>
				</div>
				<div class="col">
				</div>
			</div>
		</div>
	</header>
	<form class="form-inline mt-4 mb-2 d-lg-none row-cols-1">
		<input class="form-control" type="search" placeholder="搜索" aria-label="Search">
		<button class="btn btn-outline-success my-2 " type="submit">搜索</button>
	</form>
	<!-- 头部-结束 -->
    <!-- 主内容开始 -->
    <section class="mt-4">
		<div class="container">
			<div class="row">
				<div class="col">
					<div>
						<h4 class="d-inline-block">搜索内容：<%-search%></h4>
                        <h3>共有<%-count%>条记录</h3>
						<!-- <small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small> -->
					</div>
				</div>
			</div>
			<div class="row pt-3">
				<%
				for(let n=0;n<data.length;n++){%>
					<div class="col-4 col-md-4 col-lg pt-3">
						<div>
							<a href="/movie?id=<%-data[n].id%>" target="_blank" class="text-center text-decoration-none" target="_blank">
								<img src="<%-data[n].poster%>" alt="" width="150" height="200" style="display: block;">
								<span><%-data[n].filmName.substr(0,10)%></span>
							</a>
						</div>
					</div>
				<%}%>
			</div>
		</div>
	</section>
    <!-- 主内容结束 -->

<!-- 分页开始 -->
<section class="pt-4">
    <div class="container">
        <div class="row">
            <nav aria-label="Page navigation example">
                <ul class="pagination">
                  <li class="page-item <% if(!pages.hasPre) {%>disabled<%}%>">
					  <a class="page-link" href="/search/?page=<%-pages.currentPage - 1 %>/?search=<%-search%>">上一页</a>
					</li>
				  <%
				  for(let z=1; z<pages.page + 1; z++){%>
					<li class="page-item <% if(z == pages.currentPage) {%>active<%}%>">
						<a class="page-link" href="/search/?page=<%-z%>/?search=<%-search%>"><%-z%></a>
					</li>
				  <%}%>
                  <li class="page-item <% if(!pages.hasNext) {%>disabled<%}%>">
					  <a class="page-link" href="/search/?page=<%-pages.currentPage + 1 %>/?search=<%-search%>">下一页</a>
					</li>
                </ul>
              </nav>
        </div>
    </div>
</section>
<!-- 分页结束 -->


    	<!-- 页脚-开始-->
	<footer class="mt-4 bg-dark text-light small">
		<div class="container">
		<div class="row pt-3 pb-5">
			<div class="col-sm-12 col-md-10">
				<div class="pt-4">
					<p class="mb-2">EduWork 是智校云旗下专注程序员培养的实习平台。</p>
					<ul class="nav">
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
					</ul>
					<div class="text-muted">
						©<i>2021</i> BY:Mardan所属 <span class="max-3">版权所有</span><a href="" class="text-muted">版权号：1111</a>
					</div>
				</div>
			</div>
			<div class="col-sm-12 col-md-2 text-md-right text-center p-0">
				<figure class="figure mt-3">
					<img src="./images/qrcode.png" alt="" class="figure-img img-thumbnail" style="max-width:100px;">
					<figcaption class="figure-caption text-center text-light">扫码关注</figcaption>
				</figure>
			</div>
		</div>
		</div>
	</footer>
	<!-- 页脚-结束 -->

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!-- <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.js"></script>
<script src="../../lib/layui/layui.js"></script>
</body>
</html>